<!doctype html>
<html lang="en">
  <head>
    <!-- <link rel="stylesheet" type="text/css" href="styles.css" /> -->
  </head>
  <body>
    <style>
      .dev-div {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px; /* Set a fixed height for the container */
      }

      .ent-div {
        display: flex;
        justify-content: right;
        align-items: center;
        height: 300px; /* Set a fixed height for the container */
      }
    </style>

    <div class="dev-div">
      <li class="title">Dev</li>
      <ol>
        <li><a href="https://github.com/">Github</a></li>
        <li><a href="https://codeberg.org/ghosty/nix_flake">Codeberg</a></li>
        <li><a href="https://www.netlify.com/">Netlify</a></li>
        <li><a href="https://tryhackme.com/login">Tryhackme</a></li>
        <li><a href="https://www.overleaf.com/project">Overleaf</a></li>
      </ol>
    </div>

    <div class="ent-div">
      <li class="title">Ent</li>
      <ol>
        <li><a href="https://www.lichess.org/">Lichess</a></li>
        <li><a href="https://www.kinogo.com/">Kinogo</a></li>
        <li><a href="https://www.youtube.com">Youtube</a></li>
        <li><a href="https://www.jut.su">Jutsu</a></li>
        <li><a href="https://www.soap2day.ac/">Movies</a></li>
        <li><a href="https://www.goodreads.com/">Goodreads</a></li>
      </ol>
    </div>

    <div class="misc-div">
      <li class="title">Misc</li>
      <ol>
        <li><a href="https://tempmail.email/">Tempmail</a></li>
        <li><a href="https://monkeytype.com/">Monkeytype</a></li>
        <li><a href="https://excalidraw.com/">Excalidraw</a></li>
        <li><a href="https://deepl.com/">Deepl</a></li>
        <li><a href="https://latin-translator.com/">Translator</a></li>
      </ol>
    </div>
  </body>
</html>
